<template>
  <!--<transition name="fade" mode="out-in">-->
   <router-view keep-alive transition="fade" transition-mode="out-in"  ></router-view>
    <!--<router-view></router-view>-->
  <!--</transition>-->
</template>

<script>
export default {
  name: 'app',
  data () {
  },
  created () {
    // 页面初始化确定当前屏幕分辨率添加相应的class
    var screeHeight = document.body.clientHeight
    if (screeHeight < 800) {
      this.isBigScreen = false
    } else {
      this.isBigScreen = true
    }
  }
}
</script>

<style lang="css">
#app {
  font-family: 'Avenir', Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
  margin-top: 60px;
}
body {
  margin: 0px;
  padding: 0px;
  /*background: url(../static/image/bg-2.jpg) center !important;*/
        background-size: cover;
  background: rgba(192, 61, 255, 0);
  font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, SimSun, sans-serif;
  font-size: 14px;
  -webkit-font-smoothing: antialiased;
}
.el-submenu [class^=fa] {
  vertical-align: baseline;
  margin-right: 10px;
}

.el-menu-item [class^=fa] {
  vertical-align: baseline;
  margin-right: 10px;
}

.toolbar {
  background: #f2f2f2;
  padding: 10px;
/ / border: 1 px solid #dfe6ec;
  margin: 10px 0px;
}
.el-form-item {
  margin-bottom: 10px;
}
.fade-enter-active,
.fade-leave-active {
  transition: all .2s ease;
}

.fade-enter,
.fade-leave-active {
  opacity: 0;
}
::-webkit-scrollbar
{
  width: 6px;
  height: 6px;
  background-color: rgba(96,204,136,0.2);
}

/*定义滚动条轨道 内阴影+圆角*/
::-webkit-scrollbar-track
{
  background-color: rgba(96,204,136,0.2);
  border-radius: 10px;
}

/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb
{
  border-radius: 10px;
  background-color: #35B178;
}
/*//全局滚动条颜色*/
  .el-pagination.is-background .el-pager li:not(.disabled).active {
    background-color: #35B178!important;
  }
/*//全区tab框切换颜色*/
  .el-tabs__item.is-active{
    color:#35B178!important;
  }
/*//全区tab框切换颜色*/
  .el-tabs__active-bar{
    background-color: #35B178!important;
  }
.el-tabs__item:hover{
  color:#35B178!important;
}
/*//输入框获得焦点变绿*/
  .el-input.is-active .el-input__inner, .el-input__inner:focus{
    border-color:#35B178!important;
  }
</style>
